<template>
  <div id="app" style="hight: 600; width: 800; overflow: hidden">
    <el-tabs type="border-card">
      
      <el-tab-pane label="MID转换" lazy>
        <MidTransform></MidTransform>
      </el-tab-pane>
      <el-tab-pane label="时间转换">
        <TimeTransform></TimeTransform>
      </el-tab-pane>
      <el-tab-pane label="苏珊米勒" lazy>
        <SSML></SSML>
      </el-tab-pane>
      <el-tab-pane label="日期计算">
        <CalcDate></CalcDate>
      </el-tab-pane>
      <el-tab-pane label="有道翻译">
        <YoudaoTranslate></YoudaoTranslate>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import XingZuo from "./components/XingZuo";
import MidTransform from "./components/MidTransform";
import TimeTransform from "./components/TimeTransform";
import YoudaoTranslate from "./components/YoudaoTranslate";
import CalcDate from "./components/CalcDate";
import SSML from "./components/SSML";
import OptimalSolution from "./components/OptimalSolution";
export default {
  name: "App",
  components: {
    XingZuo,
    MidTransform,
    TimeTransform,
    YoudaoTranslate,
    CalcDate,
    SSML,
    OptimalSolution,
  },
};
</script>

<style>
</style>
